<%@include file="taglib_includes.jsp" %>
<script type="text/javascript" src="js/contacts.js"></script>
<c:import url="header.jsp" />
<fmt:setLocale value="nl_NL" />

<table>
	<tr>
		<td align="center"><h3>Product wijzigingsformulier</h3></td>
	</tr>
  <tr valign="top" align="center">
    <td align="center">
 		<form:form action="updateProduct.htm" method="post" commandName="editProduct">
				<table  style="border-collapse: collapse;" border="1" bordercolor="fff" width="800">					
					<tr>
	
						<td>
						<form:hidden path="productId" /></td>
						<td align="left" >
						<form:errors path="productId" cssStyle="color:red"></form:errors> 
						</td>
					</tr>
					<tr>
						<td width="100" align="right">Naam</td>
						<td>
						<form:input path="naam"/></td>
						<td align="left">
						<form:errors path="naam" cssStyle="color:red"></form:errors> 
						</td>
					</tr>
					<tr>
						<td width="100" align="right">Omschrijving</td>
						<td><form:input size="100" path="omschrijving"/></td>
						<td align="left">
						<form:errors path="omschrijving" cssStyle="color:red"></form:errors>  </td>
					</tr>
					<tr>
						<td width="100" align="right">Prijs</td>
						<td><form:input path="prijs"/></td>
						<td align="left">
						<form:errors path="prijs" cssStyle="color:red"></form:errors>  </td>
					</tr>
					<tr>
						<td width="100" align="right">Categorie</td>
						<td><form:select path="categorie.categorieId" title="categorie" >
						     <form:options items="${categorieen}" itemValue="categorieId"  />
						     
						</form:select></td>
					</tr>

					<tr>
						<td width="100" align="right">Merk</td>
						<td><form:select path="merk.merkId" title="merk" >
						     <form:options items="${merken}" itemValue="merkId" />
						</form:select></td>
					</tr>
					
					<tr valign="bottom">
						<td colspan="3" align="center">
						<input type="button"  value="Verwijderen" onclick="javascript:deleteProduct('deleteProduct.htm?id=${editProduct.productId}');">
						&nbsp;&nbsp;
						<input type="submit" name="" value="Opslaan">						
						&nbsp;&nbsp;
						<input type="button"  value="Terug" onclick="javascript:go('alleProducten.htm');">
						</td>
					</tr>
					
				</table>				
		</form:form>
    </td>    
  </tr>
</table>

<c:import url="footer.jsp" />
